
<ion-content class="ion-padding">

  <ion-icon size="large" name="person"></ion-icon> <!--filled-->
  <ion-icon size="large" name="person-outline"></ion-icon> <!--outline-->
  <ion-icon size="large" name="person-sharp"></ion-icon> <!--sharp-->
  <ion-icon size="large" name="person-sharp" color="primary"></ion-icon> <!--sharp-->
  <ion-icon size="large" name="person-sharp" color="success"></ion-icon> <!--sharp-->
  <ion-icon size="large" name="person-sharp" color="danger"></ion-icon> <!--sharp-->
  <ion-icon size="large" name="settings-sharp"></ion-icon>
  <ion-icon size="large" name="cart-outline"></ion-icon>
  <ion-icon size="large" name="location-outline"></ion-icon>
  <ion-icon size="large" name="mail-open-outline"></ion-icon>
  <ion-icon size="large" name="camera-outline"></ion-icon>
  <ion-icon size="large" name="finger-print-outline"></ion-icon>
  <ion-icon size="large" name="qr-code-outline"></ion-icon>
  <ion-icon size="large" name="refresh-outline"></ion-icon>
  <ion-icon size="large" name="arrow-back-circle-outline"></ion-icon>
  <ion-icon size="large" name="arrow-forward-circle-outline"></ion-icon>

</ion-content>